<template>
  <div class="enterprise-settings">
    <div class="header">
      <div class="title">企业设置</div>
    </div>
    
    <el-form :model="form" ref="form" label-width="120px" class="settings-form">
      <el-form-item label="企业名称" prop="name">
        <el-input v-model="form.name" />
      </el-form-item>
      
      <el-form-item label="企业地址" prop="address">
        <el-input v-model="form.address" />
      </el-form-item>
      
      <el-form-item label="联系电话" prop="phone">
        <el-input v-model="form.phone" />
      </el-form-item>
      
      <el-form-item label="企业邮箱" prop="email">
        <el-input v-model="form.email" />
      </el-form-item>
      
      <el-form-item label="企业简介" prop="description">
        <el-input type="textarea" v-model="form.description" :rows="4" />
      </el-form-item>
      
      <el-form-item>
        <el-button type="primary" @click="handleSave">保存</el-button>
        <el-button @click="handleReset">重置</el-button>
      </el-form-item>
    </el-form>
  </div>
</template>

<script>
export default {
  name: 'EnterpriseSettings',
  data() {
    return {
      form: {
        name: '',
        address: '',
        phone: '',
        email: '',
        description: ''
      }
    }
  },
  methods: {
    handleSave() {
      this.$message.success('保存成功')
    },
    handleReset() {
      this.$refs.form.resetFields()
    }
  }
}
</script>

<style scoped>
.enterprise-settings {
  padding: 20px;
}

.header {
  margin-bottom: 20px;
}

.title {
  font-size: 20px;
  font-weight: bold;
}

.settings-form {
  max-width: 800px;
  margin: 0 auto;
  background-color: #fff;
  padding: 20px;
  border-radius: 4px;
  box-shadow: 0 2px 12px 0 rgba(0,0,0,0.1);
}
</style> 